.topbar-html-content-item:hover {
    background-color: #cba36b;
}
.topbar-html {
    width: 100%;
    background: #B80000;
    overflow: hidden;
    z-index: 2147483645;
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px 2px #999;
    left: 0;
    right: 0;

    &-mright {
        margin-right: 50px !important;
    }

    &-margin0 {
        margin: 0 !important;
    }
	
	

    &-content {
           width: 100%;
           height: 100px;

           display: inline-flex;
           justify-content: center;
       

     &-item:hove {
	 
	 background-color: #cba36b;
	 }


        &-item {
              cursor: pointer;
              /* margin: 0 6px; */
              /* text-align: center; */
              /* text-align: center; */
              display: flex;
              flex-direction: column;
              align-items: center;
              width: 80px;
              /* float: left; */
              /* margin: 0 auto; */
              border-left: 1px solid #c55d5d;
              justify-content: center;
      //       flex-direction: column;
      //       align-items: center;
      // margin: 0 6px;

            span {
                height: 30px;
                line-height: 30px;
                color: #FFFFFF;
                font-size: 16px;
                font-weight: 500;
                font-family: PingFangSC-Medium;
            }

            img {
                height: 52px;
                width: 52px;
                border-radius: 5px;
                display: block;
                padding-top: 18px;
            }
        }
		&noleft {
		         border-left: none!important;
		}
	
    }
}
